<link rel="stylesheet" href="{{URL::asset('./css/help/menu.css')}}">
<div class="main" id="hrMenu" v-cloak>
    <div class="hrMenu_header">
        <div class="hrMenu_header_content">
            <span>栏目分类</span>
        </div>
    </div>
    <div class="hrMenu_menu">
        <span v-for="(item,index) in listData" @click="getRightList(item.value,item.label)">@{{index+1}}、@{{item.label}}</span>
    </div>
</div>
@section('scripts')
<script>
    $(() => {
        let hrMenu = new Vue({
            el: '#hrMenu',
            data: () => {
                return {
                    listData: [],
                }
            },
            created() {
                let data = {}
                apiAjax("{{ route('home.help.helpCateApi')}}", 'get', data, (res) => {
                    if (res.code == 0) {
                        this.listData = res.data
                    } else {
                        this.$message({
                            message: res.msg,
                            type: 'warning'
                        });
                    }
                }, (erro) => {

                });
            },
            mounted() {},
            methods: {
                getRightList(typeId,label) {
                    window.location.href = "{{ route('home.help.helpList') }}?typeId=" + typeId+"&label="+label;
                }
            }
        })
    })
</script>
@endsection